<script>
	/**
	 * vuex管理登陆状态，具体可以参考官方登陆模板示例
	 */
	import {
		mapMutations
	} from 'vuex';
	import Vue from 'vue'
	export default {
		methods: {
			...mapMutations(['login','changeperson'])
		},
		onLaunch: function() {
			let _this = this;
			
			uni.getSystemInfo({
				success: function(e) {
					// #ifndef MP
					Vue.prototype.StatusBar = e.statusBarHeight;
					if (e.platform == 'android') {
						Vue.prototype.CustomBar = e.statusBarHeight + 50;
					} else {
						Vue.prototype.CustomBar = e.statusBarHeight + 45;
					};
					// #endif

					// #ifdef MP-WEIXIN
					Vue.prototype.StatusBar = e.statusBarHeight;
					let custom = wx.getMenuButtonBoundingClientRect();
					Vue.prototype.Custom = custom;
					Vue.prototype.CustomBar = custom.bottom + custom.top - e.statusBarHeight;
					// #endif		

					// #ifdef MP-ALIPAY
					Vue.prototype.StatusBar = e.statusBarHeight;
					Vue.prototype.CustomBar = e.statusBarHeight + e.titleBarHeight;
					// #endif					
					_this.$store.state.$screenHeight = e.windowHeight
				}
			})
			let cart = {

			}
			let ComFunJS = {
				apiWebHost: "https://car.zhenpinvip.com",
				// apiWebHost: "http://127.0.0.1:5000",
				adminToken: "token",
				ImgUrl: "https://crm.zzakxinxi.com/full/fl-api/v2/tx2/file/",
				token: "",
				APIURL: function(action) {
					return ComFunJS.apiWebHost + action;
				},
				ImgFile: function(id, w, h) {
					if (id) {
						var url = ComFunJS.ImgUrl + id;
						if (w) {
							url += "?resize=w_" + w;
						}
						if (h) {
							url += ",h_" + h;
						}
						return url;
					}
				},
				// 登录判断
				async beforeLogin() {
					return new Promise((resolve) => {
						uni.login({
							provider: 'weixin',
							success: (loginRes)=>{
								ComFunJS.ajax({
									url: '/api/v1.0/auth/code2',
									method: 'get',
									data: {
										"type": "wxapp",
										"code": loginRes.code
									},
									success: (res) => {
										resolve(res.data)
									}
								})
							}
						});
					})
				},				
				// 记录缓存
				setCookie: function(name, value) { //设置cookie，默认保存7天
					uni.setStorage({
						key: name,
						data: value,
						success: function() {
							console.log('success');
						}
					});
				},
				// 获取缓存
				getStorage: function(key, callback) {
					return new Promise((resolve) => {
						uni.getStorage({
							key: key,
							success: function(res) {
								resolve(res.data)
							},
							fail: function(res) {
								resolve(res.data)
							},
							complete: function(res) {
								resolve(res.data)
							},
						})
					})
				},
				// 上传
				upload(tempFilePaths){
					return new Promise((resolve)=>{
						let imgList = [];
						tempFilePaths.forEach((item,index)=>{
							uni.uploadFile({
								url: 'https://fl.zzakxinxi.com/api/v2/zz/fileupload', //仅为示例，非真实的接口地址
								filePath:item,
								name: 'file',
								success: (uploadFileRes) => {
									let res = JSON.parse(uploadFileRes.data);
									if(!res.error){
										imgList.push(res.result);
									}
								}
							});		
						})		
						setTimeout(()=>{
							resolve(imgList)
						},1000)
												
					})
				},
				// 上传图片
				ChooseImage(num) {
					return new Promise((resolve)=>{
						uni.chooseImage({
							count: num, //默认9
							sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
							sourceType: ['album','camera'], //从相册选择
							success: (res) => {
								const tempFilePaths = res.tempFilePaths;
								let uploadimg = ComFunJS.upload(tempFilePaths)
								uploadimg.then((result)=>{
									resolve(result)
								})
							}
						})
					});
				},				
				//删除缓存
				remove: function(name) {
					return new Promise((resolve) => {
						uni.removeStorage({
							key: name,
							success: function(res) {
								resolve(res)
							}
						})
					})
				},
				//购物车商品模型
				productModel: function() {
					return {
						id: 0,
						img_url: "",
						info_type: 0,
						is_shelf: "",
						point: 0,
						price1: 0,
						price2: 0,
						qty: 0,
						qtynum: 1,
						ISSel: true,
						qty_sell: 0,
						qty_view: 0,
						start_time: "",
						end_time: "",
						title: ""
					}
				},
				//加入购物车
				addProduct: function(product) {
					ComFunJS.getStorage("cart").then((res) => {
						let shopcart = res;
						let productlist = [];
						let isFind = false;
						if (res) {
							productlist = JSON.parse(shopcart)
						}
						for (var i in productlist) {
							if (productlist[i].id == product.id) {
								if (Number(productlist[i].qtynum + product.id) >= product.qty) {
									productlist[i].qtynum += product.qtynum
								} else {
									productlist[i].qtynum += 1
								}
								isFind = true;
								break;
							}
						}
						console.log(product)
						if (!isFind) {
							let cproduct = ComFunJS.productModel();
							if (product.id) {
								cproduct.id = product.id;
							}
							if (product.title) {
								cproduct.title = product.title;
							}
							if (product.price1) {
								cproduct.price1 = product.price1;
							}
							if (product.price2) {
								cproduct.price2 = product.price2;
							}
							if (product.qty) {
								cproduct.qty = product.qty
							}
							if (product.point) {
								cproduct.point = product.point
							}							
							if (product.qtynum) {
								cproduct.qtynum = product.qtynum
							}
							if (product.qty_sell) {
								cproduct.qty_sell = product.qty_sell
							}
							if (product.img_url) {
								cproduct.img_url = product.img_url
							}
							if (product.qty_view) {
								cproduct.qty_view = product.qty_view;
							}
							if (product.start_time) {
								cproduct.start_time = product.start_time;
							}
							if (product.end_time) {
								cproduct.end_time = product.end_time;
							}
							productlist.push(cproduct);
						}
						ComFunJS.setCookie('cart', JSON.stringify(productlist))
					})
				},
				//修改购物车商品数量
				updateProductQty: function(id, qtynum) {
					return new Promise((resolve) => {
						ComFunJS.getStorage("cart").then((res) => {
							resolve(res)
							let shopcart = res;
							if (shopcart && id) {
								var productlist = JSON.parse(shopcart);
								for (var i in productlist) {
									if (productlist[i].id == id) {
										productlist[i].qtynum = qtynum;
										break;
									}
								}
								ComFunJS.setCookie('cart', JSON.stringify(productlist))
							}
						})
					})
				},
				//删除购物车商品
				deleteProduct: function(id) {
					return new Promise((resolve) => {
						ComFunJS.getStorage("cart").then((res) => {
							resolve(res)
							let shopcart = res;
							if (shopcart && id) {
								var productlist = JSON.parse(shopcart);
								for (var i in productlist) {
									if (productlist[i].id == id) {
										productlist.splice(i, 1)
										break;
									}
								}
								ComFunJS.setCookie('cart', JSON.stringify(productlist))
							}
						})
					})
				},
				//修改购物车商品选择状态
				updateProductSel: function(id, ISSel) {
					return new Promise((resolve) => {
						ComFunJS.getStorage("cart").then((res) => {
							let shopcart = res;
							resolve(res)
							if (shopcart && id) {
								var productlist = JSON.parse(shopcart);
								for (var i in productlist) {
									if (productlist[i].id == id) {
										productlist[i].ISSel = ISSel;
										break;
									}
								}
								ComFunJS.setCookie('cart', JSON.stringify(productlist))
							}
						})
					})
				},
				//修改购物车商品全选状态
				updateProductSelAll: function(ISSel) {
					return new Promise((resolve) => {
						ComFunJS.getStorage("cart").then((res) => {
							let shopcart = res;
							resolve(res)
							if (shopcart) {
								var productlist = JSON.parse(shopcart);
								for (var i in productlist) {
									productlist[i].ISSel = ISSel;
								}
								ComFunJS.setCookie('cart', JSON.stringify(productlist))
							}
						})
					})
				},
				ajax: function(opt) {
					opt = opt || {};
					opt.url = ComFunJS.APIURL(opt.url) || '';
					opt.data = opt.data || null;
					opt.method = opt.method || 'GET';
					opt.header = opt.header || {
						'Authorization': ComFunJS.token || '',
						'content-type': 'application/json',
						'Accept': 'application/json',
					};
					opt.success = opt.success || function() {};
					uni.request({
						url: opt.url,
						data: opt.data,
						method: opt.method,
						header: opt.header,
						dataType: 'json',
						success: function(res) {
							opt.success(res);
						},
						fail: function(res) {},
						complete(res) {
							if (res.data.code == 0) {
								uni.showToast({
									title: res.data.message,
									icon: 'none',
									duration: 1000
								});
							}
						}
					})
				},
				dateCalculation: function(data) { //返回天、时、分
				    var newTime = date.replace(/\-/g, "/");
				 	let nowdata = new Date().getTime();	
					let enddata = new Date(newTime).getTime();
					let second = parseInt(Math.abs(enddata-nowdata));
					console.log(second)
					if (second > 0) { 
						let data = {};
						let day = parseInt(second / (1000 * 60 * 60 * 24));
						let hour = parseInt((second % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
						let minute = parseInt((second % (1000 * 60 * 60)) / (1000 * 60));
						let seconds = (second % (1000 * 60)) / 1000;
						data.day = day;
						data.hour = hour;
						data.minute = minute;
						data.seconds = seconds;
						return data;
					}
				},
				//格式化日期，format:格式，默认yyyy-MM-dd,date时间，默认当前时间
				getStatus: function(value) {
					let clock = ''
					 //0：待付款，1：待发货,2：待收货,3:已收货，4：待成团，8：已退单，9：已取消 
					switch (value) {
						case 0:
							{
								clock ='待付款';
							}
							break;
						case 1:
							{
								clock ='待发货';
							}
							break;
						case 2:
							{
								clock ='待收货';
							}
							break;
						case 3:
							{
								clock ='已收货';
							}
							break;
						case 4:
							{
								clock ='待成团';
							}
							break;
						case 8:
							{
								clock ='已退单';
							}
							break;
						case 9:
							{
								clock ='已取消';
							}
							break;																												
					}
					return clock;

				},		
				getIndex() {
					return new Promise((resolve) => {
						ComFunJS.ajax({
							method: "get",
							url: "/api/v1.0/base/client",
							success: (res) => {
								if (!res.data.error) {
									resolve(res.data.result)
								}
							}
						})
					})
				},
				//格式化日期，format:格式，默认yyyy-MM-dd,date时间，默认当前时间
				getNowDate: function(format, date) {
					if (!format) {
						format = "yyyy-MM-dd";
					}
					var now = new Date();
					if (date) {
						var newTime = date.replace(/\-/g, "/");
						now = new Date(newTime);
					}

					var year = now.getFullYear(); //年
					var month = now.getMonth() + 1; //月
					var day = now.getDate(); //日
					var hh = now.getHours();
					var mm = now.getMinutes();
					var ss = now.getSeconds();

					var clock = year + "-";

					switch (format) {
						case "yyyy-MM-dd":
							{
								if (month < 10)
									clock += "0";
								clock += month + "-";
								if (day < 10) {
									clock += "0";
								}
								clock += day;
							}
							break;
						case "yyyy-MM":
							{
								if (month < 10)
									clock += "0";
								clock += month;
							}
							break;
						case "yyyy-MM-dd HH:mm":
							{
								if (month < 10)
									clock += "0";
								clock += month + "-";
								if (day < 10) {
									clock += "0";
								}
								clock += day + " ";

								if (hh < 10)
									clock += "0";
								clock += hh + ":";
								if (mm < 10)
									clock += "0";
								clock += mm + ":";
								if (ss < 10)
									clock += "0";
								clock += ss;
								clock = clock.substring(0, 16)
							}
							break;
						case "yyyy-MM-ddTHH:mm":
							{
								if (month < 10)
									clock += "0";
								clock += month + "-";
								if (day < 10) {
									clock += "0";
								}
								clock += day + "T";

								if (hh < 10)
									clock += "0";
								clock += hh + ":";
								if (mm < 10)
									clock += "0";
								clock += mm + ":";
								if (ss < 10)
									clock += "0";
								clock += ss;
								clock = clock.substring(0, 16)
							}
							break;
						case "yyyy-MM-dd HH:mm:ss":
							{
								if (month < 10)
									clock += "0";
								clock += month + "-";
								if (day < 10) {
									clock += "0";
								}
								clock += day + " ";

								if (hh < 10)
									clock += "0";
								clock += hh + ":";
								if (mm < 10)
									clock += "0";
								clock += mm + ":";
								if (ss < 10)
									clock += "0";
								clock += ss;
							}
							break;
						case "yyyyMMddHHmmss":
							{
								clock = year;
								if (month < 10)
									clock += "0";
								clock += month;
								if (day < 10) {
									clock += "0";
								}
								clock += day;

								if (hh < 10)
									clock += "0";
								clock += hh;
								if (mm < 10)
									clock += "0";
								clock += mm;
								if (ss < 10)
									clock += "0";
								clock += ss;
							}
							break;
						case "MMddHHmm":
							{
								clock = "";
								var nowdata = new Date();
								var nowYear = nowdata.getFullYear();
								var nowMonth = nowdata.getMonth() + 1;
								var nowDay = nowdata.getDate();
								var nowdatastr = nowYear + nowMonth + nowDay;
								var datastr = year + month + day;
								if (nowdatastr == datastr) {
									clock += hh + ":";
									clock += mm;
								} else {
									clock += month + "-";
									clock += day + " ";
									clock += hh + ":";
									clock += mm;
								}
							}
							break;
					}

					return clock;

				},
			}
			Vue.prototype.$ComFunJS = ComFunJS;
		},
		onShow: function() {
			let token = this.$ComFunJS.getStorage(this.$ComFunJS.adminToken);
			token.then((res) => {
				if (res) {
					this.$ComFunJS.token = res;
					this.login(this.$ComFunJS.token);
					this.changeperson()
				}
			})
			
		},
		onHide: function() {
			console.log('App Hide')
		},
	}
</script>

<style lang="scss">
	@import "common/iconfont/iconfont.css";
	@import "common/main.css";

	/*
		全局公共样式和字体图标
	*/
	@font-face {
		font-family: yticon;
		font-weight: normal;
		font-style: normal;
		src: url('https://at.alicdn.com/t/font_1078604_w4kpxh0rafi.ttf') format('truetype');
	}
	image{
		width: 100%;
		height: auto;
	}
	// 表单
	.list-cell {
		display: flex;
		align-items: baseline;
		padding: 20upx $page-row-spacing;
		line-height: 60upx;
		position: relative;
		background: #fff;
		justify-content: center;

		&.log-out-btn {
			margin-top: 40upx;

			.cell-tit {
				color: $uni-color-primary;
				text-align: center;
				margin-right: 0;
			}
		}

		&.cell-hover {
			background: #fafafa;
		}

		&.b-b:after {
			left: 30upx;
		}

		&.m-t {
			margin-top: 16upx;
		}

		.cell-more {
			align-self: baseline;
			font-size: $font-lg;
			color: $font-color-light;
			margin-left: 10upx;
		}

		.cell-tit {
			flex: 1;
			font-size: $font-base + 2upx;
			color: $font-color-dark;
			margin-right: 10upx;
		}

		.cell-tip {
			font-size: $font-base;
			color: $font-color-light;
		}

		switch {
			transform: translateX(16upx) scale(.84);
		}
	}

	/* 猜你喜欢 */
	.guess-section {
		display: flex;
		flex-wrap: wrap;
		padding: 0 30upx;
		background: #fff;

		.guess-item {
			position:relative;
			display: flex;
			flex-direction: column;
			width: 48%;
			padding-bottom: 40upx;

			&:nth-child(2n+1) {
				margin-right: 4%;
			}
		}

		.image-wrapper {
			width: 100%;
			height: 330upx;
			border-radius: 3px;
			overflow: hidden;

			image {
				width: 100%;
				height: 100%;
				opacity: 1;
			}
		}

		.title {
			font-size: $font-lg;
			color: $font-color-dark;
			margin: 10upx 0;
		}

		.time {
			font-size: 24upx;
			color: #909399;
			margin-bottom: 10upx;
			width: 100%;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.price-box {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding-right: 10upx;
			font-size: 24upx;
			color: $font-color-light;
		}

		.price {
			font-size: $font-lg;
			color: $uni-color-primary;
			line-height: 1;

			&:before {
				content: '￥';
				font-size: 26upx;
			}
		}
	}

	.yticon {
		font-family: "yticon" !important;
		font-size: 16px;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.icon-yiguoqi1:before {
		content: "\e700";
	}

	.icon-iconfontshanchu1:before {
		content: "\e619";
	}

	.icon-iconfontweixin:before {
		content: "\e611";
	}

	.icon-alipay:before {
		content: "\e636";
	}

	.icon-shang:before {
		content: "\e624";
	}

	.icon-shouye:before {
		content: "\e626";
	}

	.icon-shanchu4:before {
		content: "\e622";
	}

	.icon-xiaoxi:before {
		content: "\e618";
	}

	.icon-jiantour-copy:before {
		content: "\e600";
	}

	.icon-fenxiang2:before {
		content: "\e61e";
	}

	.icon-pingjia:before {
		content: "\e67b";
	}

	.icon-daifukuan:before {
		content: "\e68f";
	}

	.icon-pinglun-copy:before {
		content: "\e612";
	}

	.icon-dianhua-copy:before {
		content: "\e621";
	}

	.icon-shoucang:before {
		content: "\e645";
	}

	.icon-xuanzhong2:before {
		content: "\e62f";
	}

	.icon-gouwuche_:before {
		content: "\e630";
	}

	.icon-icon-test:before {
		content: "\e60c";
	}

	.icon-icon-test1:before {
		content: "\e632";
	}

	.icon-bianji:before {
		content: "\e646";
	}

	.icon-jiazailoading-A:before {
		content: "\e8fc";
	}

	.icon-zuoshang:before {
		content: "\e613";
	}

	.icon-jia2:before {
		content: "\e60a";
	}

	.icon-huifu:before {
		content: "\e68b";
	}

	.icon-sousuo:before {
		content: "\e7ce";
	}

	.icon-arrow-fine-up:before {
		content: "\e601";
	}

	.icon-hot:before {
		content: "\e60e";
	}

	.icon-lishijilu:before {
		content: "\e6b9";
	}

	.icon-zhengxinchaxun-zhifubaoceping-:before {
		content: "\e616";
	}

	.icon-naozhong:before {
		content: "\e64a";
	}

	.icon-xiatubiao--copy:before {
		content: "\e608";
	}

	.icon-shoucang_xuanzhongzhuangtai:before {
		content: "\e6a9";
	}

	.icon-jia1:before {
		content: "\e61c";
	}

	.icon-bangzhu1:before {
		content: "\e63d";
	}

	.icon-arrow-left-bottom:before {
		content: "\e602";
	}

	.icon-arrow-right-bottom:before {
		content: "\e603";
	}

	.icon-arrow-left-top:before {
		content: "\e604";
	}

	.icon-icon--:before {
		content: "\e744";
	}

	.icon-zuojiantou-up:before {
		content: "\e605";
	}

	.icon-xia:before {
		content: "\e62d";
	}

	.icon--jianhao:before {
		content: "\e60b";
	}

	.icon-weixinzhifu:before {
		content: "\e61a";
	}

	.icon-comment:before {
		content: "\e64f";
	}

	.icon-weixin:before {
		content: "\e61f";
	}

	.icon-fenlei1:before {
		content: "\e620";
	}

	.icon-erjiye-yucunkuan:before {
		content: "\e623";
	}

	.icon-Group-:before {
		content: "\e688";
	}

	.icon-you:before {
		content: "\e606";
	}

	.icon-forward:before {
		content: "\e607";
	}

	.icon-tuijian:before {
		content: "\e610";
	}

	.icon-bangzhu:before {
		content: "\e679";
	}

	.icon-share:before {
		content: "\e656";
	}

	.icon-yiguoqi:before {
		content: "\e997";
	}

	.icon-shezhi1:before {
		content: "\e61d";
	}

	.icon-fork:before {
		content: "\e61b";
	}

	.icon-kafei:before {
		content: "\e66a";
	}

	.icon-iLinkapp-:before {
		content: "\e654";
	}

	.icon-saomiao:before {
		content: "\e60d";
	}

	.icon-shezhi:before {
		content: "\e60f";
	}

	.icon-shouhoutuikuan:before {
		content: "\e631";
	}

	.icon-gouwuche:before {
		content: "\e609";
	}

	.icon-dizhi:before {
		content: "\e614";
	}

	.icon-fenlei:before {
		content: "\e706";
	}

	.icon-xingxing:before {
		content: "\e70b";
	}

	.icon-tuandui:before {
		content: "\e633";
	}

	.icon-zuanshi:before {
		content: "\e615";
	}

	.icon-zuo:before {
		content: "\e63c";
	}

	.icon-shoucang2:before {
		content: "\e62e";
	}

	.icon-shouhuodizhi:before {
		content: "\e712";
	}

	.icon-yishouhuo:before {
		content: "\e71a";
	}

	.icon-dianzan-ash:before {
		content: "\e617";
	}





	view,
	scroll-view,
	swiper,
	swiper-item,
	cover-view,
	cover-image,
	icon,
	text,
	rich-text,
	progress,
	button,
	checkbox,
	form,
	input,
	label,
	radio,
	slider,
	switch,
	textarea,
	navigator,
	audio,
	camera,
	image,
	video {
		box-sizing: border-box;
	}

	/* 骨架屏替代方案 */
	.Skeleton {
		background: #f3f3f3;
		padding: 20upx 0;
		border-radius: 8upx;
	}

	/* 图片载入替代方案 */
	.image-wrapper {
		font-size: 0;
		background: #f3f3f3;
		border-radius: 4px;

		image {
			width: 100%;
			height: 100%;
			transition: .6s;
			opacity: 0;

			&.loaded {
				opacity: 1;
			}
		}
	}

	.clamp {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
	}

	.common-hover {
		background: #f5f5f5;
	}

	/*边框*/
	.b-b:after,
	.b-t:after {
		position: absolute;
		z-index: 3;
		left: 0;
		right: 0;
		height: 0;
		content: '';
		transform: scaleY(.5);
		border-bottom: 1px solid $border-color-base;
	}

	.b-b:after {
		bottom: 0;
	}

	.b-t:after {
		top: 0;
	}

	/* button样式改写 */
	uni-button,
	button {
		height: 80upx;
		line-height: 80upx;
		font-size: $font-lg + 2upx;
		font-weight: normal;

		&.no-border:before,
		&.no-border:after {
			border: 0;
		}
	}

	uni-button[type=default],
	button[type=default] {
		color: $font-color-dark;
	}
	button:after{
		display: none;
	}
	uni-button:after{
		display: none;
	}
	/* input 样式 */
	.input-placeholder {
		color: #999999;
	}

	.placeholder {
		color: #999999;
	}
	.cart-item {
		background: #FFFFFF;
		display: flex;
		position: relative;
		padding: 30upx 40upx;
	
		.image-wrapper {
			width: 200upx;
			height: 200upx;
			flex-shrink: 0;
			opacity: 1;
			position: relative;
			image {
				border-radius: 8upx;
			}
		}
	
		.checkbox {
			position: absolute;
			left: -16upx;
			top: -16upx;
			z-index: 8;
			font-size: 44upx;
			line-height: 1;
			padding: 4upx;
			color: $font-color-disabled;
			background: #fff;
			border-radius: 50px;
		}
	
		.item-right {
			display: flex;
			flex-direction: column;
			flex: 1;
			overflow: hidden;
			position: relative;
			padding-left: 30upx;
			.bttonClass{
				position: absolute;
				right: 0upx;
				bottom: 20upx;
			}
			.title,
			.price {
				font-size: $font-base + 2upx;
				color: $font-color-dark;
				height: 40upx;
				line-height: 40upx;
			}
	
			.attr {
				font-size: $font-sm + 2upx;
				color: $font-color-light;
				height: 50upx;
				margin-top: 20upx;
				line-height: 50upx;
			}
	
			.price {
				margin-top: 20upx;
				height: 50upx;
				line-height: 50upx;
				color: #d92035;
				font-size: 36upx;
				.secprice{
					color: #909399;
					font-size: 26upx;
					text-decoration: line-through;
					margin-left: 10upx;
				}
			}
		}
	
		.del-btn {
			padding: 4upx 10upx;
			font-size: 34upx;
			height: 50upx;
			color: $font-color-light;
		}
	}	
// .cart-item {
// 	background: #FFFFFF;
// 	display: flex;
// 	position: relative;
// 	padding: 30upx 40upx;

// 	.image-wrapper {
// 		width: 200upx;
// 		height: 200upx;
// 		flex-shrink: 0;
// 		opacity: 1;
// 		position: relative;
// 		image {
// 			border-radius: 8upx;
// 		}
// 	}

// 	.checkbox {
// 		position: absolute;
// 		left: -16upx;
// 		top: -16upx;
// 		z-index: 8;
// 		font-size: 44upx;
// 		line-height: 1;
// 		padding: 4upx;
// 		color: $font-color-disabled;
// 		background: #fff;
// 		border-radius: 50px;
// 	}

// 	.item-right {
// 		display: flex;
// 		flex-direction: column;
// 		flex: 1;
// 		overflow: hidden;
// 		position: relative;
// 		padding-left: 30upx;

// 		.bttonClass {
// 			position: absolute;
// 			right: 0upx;
// 			bottom: 20upx;
// 		}

// 		.title,
// 		.price {
// 			font-size: $font-base + 2upx;
// 			color: $font-color-dark;
// 			height: 40upx;
// 			line-height: 40upx;
// 		}

// 		.attr {
// 			font-size: $font-sm + 2upx;
// 			color: $font-color-light;
// 			height: 50upx;
// 			margin-top: 20upx;
// 			line-height: 50upx;
// 		}

// 		.price {
// 			margin-top: 20upx;
// 			height: 50upx;
// 			line-height: 50upx;
// 			color: #d92035;
// 			font-size: 36upx;

// 			.secprice {
// 				color: #909399;
// 				font-size: 26upx;
// 				text-decoration: line-through;
// 				margin-left: 10upx;
// 			}
// 		}
// 	}

// 	.del-btn {
// 		padding: 4upx 10upx;
// 		font-size: 34upx;
// 		height: 50upx;
// 		color: $font-color-light;
// 	}
// }
	
</style>
